<!DOCTYPE html>
<html lang="en">
    <head>
    <title>个人信息</title>
        <meta charset="utf-8">
            <link href="../CSS/personal.css" rel="stylesheet" type="text/css"/>
            <script src="../JS/personal.js" type="text/javascript">
            </script>
        </meta>
    </head>
    <body>
        <!--页面中最上头的导航条-->
        <div class="div1">
            <div class="logo">
                Here
            </div>
            <div class="daohang">
                <div class="daohang1">
                    <a class="a1" href="share.html">
                        分享汇
                    </a>
                </div>
                <div class="daohang1">
                    <a class="a1" href="travel.html">
                        微游
                    </a>
                </div>
                <div class="daohang1">
                    <a class="a1" href="#">
                        动态
                    </a>
                </div>
            </div>
            <a class="user" href="#">
                <img src="../images/user.png"/>
            </a>
            <div  class="search">
                
                <input type="text" name="search" placeholder="搜索..." />
                <input name="search" type="button" value="搜索"/>
            
            </div>
        </div>
        <div class="div2">
            <!--目录-->
            <div class="left">
                <div>
                    <a href="#">
                        <img src="../images/user_icon.png"/>
                    </a>
                    <div class="name">
                        昵称
                    </div>
                </div>
                <ul class="mulu">
                    <li>
                        <a class="a2" href="#" id="index">
                            我的Here
                        </a>
                    </li>
                    <li>
                        <a class="a2" href="#" id="share">
                            我的分享
                        </a>
                    </li>
                    <li>
                        <a class="a2" href="#" id="collect">
                            我的收藏
                        </a>
                    </li>
                    <li>
                        <a class="a2" href="#" id="message">
                            消息通知
                        </a>
                    </li>
                </ul>
            </div>
            <!--个人信息首页-->
            <div class="right">
                <div class="personal">
                    <div class="title">
                        <div class="title1">
                            基本信息
                        </div>
                        <div class="icon">
                            <a href="#" id="information">
                                <img src="../images/set.png"/>
                            </a>
                        </div>
                    </div>
                    <div class="font">
                        昵称:
                    </div>
                </div>
                <div class="share">
                    <div class="title">
                        <div class="title1">
                            我的分享
                        </div>
                        <div class="icon">
                            <a href="publish.html">
                                <img src="../images/share.png"/>
                            </a>
                        </div>
                    </div>
                    <div class="passage">
                        文章1
                    </div>
                </div>
                <div class="collect">
                    <div class="title">
                        <div class="title1">
                            我的收藏
                        </div>
                        <div class="icon">
                            <a href="personal-collect.html">
                                <img src="../images/collect.png"/>
                            </a>
                        </div>
                    </div>
                    <apan>
                        收藏1
                    </apan>
                </div>
            </div>
            <!--个人基本信息-->
            <div class="right">
                <div class="information-title">
                    <img src="../images/set.png"/>
                    基本信息
                </div>
                <div class="information-font">
                    我的昵称：
                    <input name="username" type="text"/>
                </div>
                <div class="information-font">
                    手机号码：
                    <input name="mail" type="text"/>
                </div>
                <div class="sex">
                    性别:
                    <input name="sex" type="radio"/>
                    男
                    <input name="sex" type="radio"/>
                    女
                </div>
                <div class="font">
                    密码：
                </div>
                <div class="submit">
                    <input type="submit" value="提交"/>
                </div>
            </div>
            <!--我的分享-->
            <div class="right">
                <div class="share-title">
                    <div class="share-title1">
                        我的分享
                    </div>
                    <div class="icon">
                        <a href="publish.html">
                            <img src="../images/share.png"/>
                        </a>
                    </div>
                </div>
            </div>
            <!--我的收藏-->
            <div class="right">
                <div class="collect-title">
                    <img src="../images/collect.png"/>
                    我的收藏
                </div>
            </div>
            <!--消息通知-->
            <div class="right">
                <div class="message-title">
                    <img src="../images/message.png"/>
                    消息
                </div>
                <div class="message-font">
                    我发出的评价
                </div>
                <div class="message-font">
                    我收到的评价
                </div>
                <div class="message-font">
                    系统通知
                </div>
            </div>
        </div>
    </body>
</html>
